<section id="slider"><!--slider-->
    <div class="container">
        <div class="row">
<!--            --><?php //$this->banners->show_collection(3, 5); ?>
            <div class="col-sm-12">
                <div id="slider-carousel" class="carousel slide" data-ride="carousel">
<!--                    <ol class="carousel-indicators">-->
<!--                        <li data-target="#slider-carousel" data-slide-to="0" class="active"></li>-->
<!--                        <li data-target="#slider-carousel" data-slide-to="1"></li>-->
<!--                    </ol>-->

                    <div class="carousel-inner">
                        <div class="item active" style="padding-left: 15px; padding-right: 15px">
                            <div class="col-sm-12">
                                <img width="100%" height="280" src="<?php echo theme_img('banner1.jpg')?>" alt=""/>
                            </div>
                        </div>
                        <div class="item" style="padding-left: 15px; padding-right: 15px">
                            <div class="col-sm-12">
                                <img width="100%" height="280" src="<?php echo theme_img('banner2.png')?>" alt=""/>
                            </div>
                        </div>
                        <div class="item" style="padding-left: 15px; padding-right: 15px">
                            <div class="col-sm-12">
                                <img width="100%" height="280" src="<?php echo theme_img('banner3.jpg')?>" alt=""/>
                            </div>
                        </div>
                    </div>

                    <a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
                        <i class="fa fa-angle-left"></i>
                    </a>
                    <a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>

            </div>
        </div>
    </div>
</section><!--/slider-->